<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link rel="shortcut icon" href="jygt.ico">
	<title>新闻页</title>
	<link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-responsive.css" >
    <link rel="stylesheet" href="css/mystyle.css" >   
	<style>
		.pad-left{
			padding-right:10px;
		}
		.pad-full{
			padding:10px;
		}
		.pad-right{
			padding-left:10px;
		}
	</style>
</head>
<body class="boxed">
	<div class="body">
		<!-- 通用头部 -->
		<div id="top"></div>
		<div class="shade-bg">
			<img src="img/sha.png" class="slidershadow" alt="">
		</div>
		<div class="container">
			<div class="row">
				<div class="col-md-9 pad-right">
					<div class="box effect7 bottom0" style="height:600px;">
						<div class="page-header">
							<h1>新闻标题</h1>
							<div class="headerdivider"></div>
							<ul class="list-inline">
								<li><h4>发布日期：2017-03-25</h4></li>
								<li><h4>点击量：30</h4></li>
							</ul>
						</div>
						<div class="news-content">
							<p>新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容</p>
						</div>
					</div>
				</div>
				<div class="col-md-3 pad-right">
					<div class="widget-box">
						<div class="widget-title">
							<span class="icon">
								<i class="glyphicon glyphicon-fire"></i>
							</span>
							<h5>最新热点</h5>
						</div>
						<div class="widget-content">
							<ul class="list-unstyled" style="line-height:30px;">
								<li><a href="">济钢职工网上练兵如火如荼</a></li>
								<li><a href="">柳钢举行“职工网上练兵”启动</a></li>
								<li><a href="">中国机冶建材工会“职工网上</a></li>
								<li><a href="">关于调整“职工网上练兵”系统</a></li>
								<li><a href="">中国机冶建材工会职工网上</a></li>
								<li><a href="">“中金杯”第四届全国黄金行业</a></li>
							</ul>
						</div>
					</div>
					<div class="widget-box top10">
						<div class="widget-title">
							<span class="icon">
								<i class="glyphicon glyphicon-pencil"></i>
							</span>
							<h5>练兵通讯</h5>
						</div>
						<div class="widget-content">
							<ul class="list-unstyled" style="line-height:30px;">
								<li><a href="">济钢职工网上练兵如火如荼</a></li>
								<li><a href="">柳钢举行“职工网上练兵”启动</a></li>
								<li><a href="">中国机冶建材工会“职工网上</a></li>
								<li><a href="">关于调整“职工网上练兵”系统</a></li>
								<li><a href="">中国机冶建材工会职工网上</a></li>
								<li><a href="">“中金杯”第四届全国黄金行业</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 通用底部-->
		<div id="foot"></div>
	</div>
	<script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/plugins.js"></script>
	<script src="js/custom.js"></script>
</body>
</html>